{include file='public/head'}
<style>
    .layer-photos-demo img{
        cursor:pointer;
        height: 100px;
        width: 100px;
    }
</style>
<body>
<div class="x-body">
    <table class="layui-table">
        <colgroup>
            <col width="150">
            <col>
        </colgroup>
        <tbody>
        <tr>
            <td>账单金额</td>
            <td>￥{$info.money}</td>
        </tr>
        <tr>
            <td>操作日期</td>
            <td>{$info['operate_date']|date="Y-m-d",###}</td>
        </tr>
        <tr>
            <td>账单说明</td>
            <td>{$info.reason}</td>
        </tr>
        <tr>
            <td>账单分类</td>
            <td>
                {switch name="info.project" }
                {case value="1"}充值{/case}
                {case value="2"}支出{/case}
                {case value="3"}采购{/case}
                {case value="4"}运费{/case}
                {default /}其他
                {/switch}
            </td>
        </tr>
        <tr>
            <td>审核状态</td>
            <td>
                {switch name="info.audit" }
                {case value="1"}<b style="color: blue">未审核</b>{/case}
                {case value="2"}<b style="color: green">已审核</b>{/case}
                {case value="3"}<b style="color: red">未通过</b>{/case}
                {/switch}
            </td>
        </tr>
        <tr>
            <td>创建时间</td>
            <td>{$info['timestamp']|date="Y-m-d H:i:s",###}</td>
        </tr>
        <tr>
            <td>备注</td>
            <td>{$info.remark}</td>
        </tr>
        <tr>
            <td>账单创建人员</td>
            <td>{$info.operate_truename}</td>
        </tr>
        <tr>
            <td>账单凭证</td>
            <td>
                {if isset($info['resour']) && count($info['resour'])>0}
                <div id="layer-photos-demo" class="layer-photos-demo">
                    {volist name="$info['resour']" id="vo"}
                    <img layer-pid="{$vo.id}" layer-src="{$vo.path}" src="{$vo.path}" alt="{$vo.original}" onclick="previewImg(this)">
                    {/volist}
                </div>
                {/if}
            </td>
        </tr>
        </tbody>
    </table>
</div>
</body>
{include file='public/foot'}
<script>
    //调用示例
    layer.photos({
        photos: '#layer-photos-demo'
        ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
    });
</script>
</html>
